import React from "react";
const GuestAdd = () => {
    const onFinish = async(values: any) => 
    {
        values.busid = React.Business.id
        let result = await React.HTTP.post('/guest/add', values);
        
        if(result.code == 1)
        {
            React.success(result.msg);
            React.navigate('/guest/index')
        }
        else
        {
            React.error(result.msg);
        }
    }    
    return (
        <>
            <React.UI.Form
                layout='horizontal'
                onFinish={onFinish}
                footer={
                    <React.UI.Button block shape='rounded' type='submit' color='primary' size='large'>
                        确认添加
                    </React.UI.Button>
                }
            >
                {/* 昵称 */}
                <React.UI.Form.Item
                    name='nickname'
                    label='昵称'
                    rules={[{ required: true, message: '昵称不能为空' }]}
                >
                    <React.UI.Input placeholder='请输入昵称' />
                </React.UI.Form.Item>
                {/* 手机号码 */}
                <React.UI.Form.Item
                    name='mobile'
                    label='手机号码'
                    rules={[{ required: true, message: '手机号码不能为空' }, { pattern: /^1[3456789]\d{9}$/, message: '手机号码格式不正确' }]}
                >
                    <React.UI.Input placeholder='请输入手机号码' />
                </React.UI.Form.Item>

                {/* 性别 */}
                <React.UI.Form.Item
                    name='gender'
                    label='性别'
                    rules={[{ required: true, message: '性别不能为空' }]}
                >
                    <React.UI.Radio.Group>
                        <React.UI.Space style={{ '--gap': '24px' }}>
                            <React.UI.Radio value='0'>男</React.UI.Radio>
                            <React.UI.Radio value='1'>女</React.UI.Radio>
                        </React.UI.Space>
                    </React.UI.Radio.Group>
                </React.UI.Form.Item>
            </React.UI.Form>
        </>
    )
}

export default GuestAdd;